<!DOCTYPE HTML>
<html>
	<head>
		<title>index页面</title>
		<meta charset="utf-8"/>
		<script src="${ROOT}/static/js/jquery-1.8.2.min.js" type="text/javascript"></script>
	</head>
	<body>
		测试FrameworkServlet<br/>
		<a href="${ROOT}/test.mg/test1">测试test1方法</a><br/>
		<a href="${ROOT}/test.mg/test2">测试test2方法</a>
		<fieldset>
			<legend>表单提交-（表单封装）</legend>
			<form action="${ROOT}/test.mg/wrapfrm" method="post">
			<h3>用户登陆</h3>
			用户名：<input type="text" name="username"/><br/>
			密　码：<input type="password" name="password"/><br/>
			年　龄：<input type="text" name="age"/><br/>
			生　日：<input type="text" name="birthday"/><br/>
			爱　好：
				<input type="checkbox" name="hobby" value="足球"/>足球
				<input type="checkbox" name="hobby" value="唱歌"/>唱歌
				<input type="checkbox" name="hobby" value="跳舞"/>跳舞
			<button type="submit">登陆</button>
			</form>
		</fieldset>
		<a href="${ROOT}/test.mg/testjsp">测试jsp视图</a><br/>
		<a href="${ROOT}/test.mg/testfreemarker">测试freemarker视图</a><br/>
		<a href="javascript:void(0);" onclick="testAjax()">测试ajax</a><br/>
		<a href="${ROOT}/test.do/workioc">测试mgwork + mgioc整合</a><br/>
		
		<script>
		(function(){
			
		})();
		function testAjax(){
			$.ajax({
				url : "${ROOT}/test.mg/testAjax",
				type:"post",
				data:{"a":1,"b":"2"},
				dataType:"json",
				success:function(data){
					console.info(data);
					alert(data.msg);
				},
				error:function(){

				}
			});
		}
		</script>
	</body>
</html>